.content{
	.content-title{
		height: 80rpx;
		background: rgba(29,198,145,0.8);
		.title-text{
			font-size: 30rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #FFFFFF;
		}
		.title-number{
			font-size: 34rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 500;
			color: #FFFFFF;
		}
	}
	.scroll-member{
		height:calc(100vh - 100rpx - var(--status-bar-height) - 80rpx - 190rpx);
		.member-row{
			position: relative;
			height: 160rpx;
			background: #FFFFFF;
			padding-left: 40rpx;
			padding-right: 42rpx;
			.row-divider{
				position:absolute;
				top:0;
				left: 0;
				left: 50%;
				transform: translateX(-50%);
				width: 670rpx;
				height: 2rpx;
				background: #F5F5F5;
				border-radius: 3rpx;
			}
			.row-left{
				.row-left-info{
					padding-left: 16rpx;
					height: 100rpx;
					.left-info-top{
						.userName{
							padding-left: 9rpx;
							font-size: 32rpx;
							font-family: PingFangSC-Medium, PingFang SC;
							font-weight: 500;
							width: 390rpx;
							white-space: nowrap; /* 防止文字换行 */  
							overflow: hidden; /* 隐藏超出容器的文本 */  
							text-overflow: ellipsis; /* 当文本超出容器宽度时显示省略号 */  
						}
					}
					.left-info-below{
						padding-top:23rpx;
						.info-below-text{
							font-size: 24rpx;
							font-family: PingFangSC-Regular, PingFang SC;
							font-weight: 400;
							color: #999999;
						}
					}
				}
			}
			.row-right{
				.right-text-yes{
					font-size: 24rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #333333;
				}
				.right-text-no{
					font-size: 24rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #999999;
				}
			}
		}
		.not-joined{
			padding:20rpx 0;
			text-align: center;
			font-size: 24rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #CCCCCC;
		}
	}
	.bottom-tip{
		position: fixed;
		bottom: 200rpx;
		left: 50%;
		transform: translateX(-50%);
		padding: 0 30rpx;
		width: 690rpx;
		height: 60rpx;
		background: rgba(255,120,47,0.7);
		border-radius: 10rpx;
		margin: 0 auto 10rpx auto;
		.bottom-tip-text{
			height: 40rpx;
			font-size: 28rpx;
			font-family: PingFangSC, PingFang SC;
			font-weight: 400;
			color: #FFFFFF;
			line-height: 40rpx;
		}
	}
	.content-below{
		position: relative;
		height: 190rpx;
		background: #FFFFFF;
		box-shadow: 0rpx -2rpx 10rpx 0rpx rgba(0,0,0,0.1);
		border-radius: 20rpx 20rpx 0rpx 0rpx;
		.userinfo-mark{
			position: absolute;
			top:0;
			left:0;
			width: 70rpx;
			background: #D3F9ED;
			border-radius: 20rpx 0rpx 20rpx 0rpx;
			line-height: 40rpx;
			font-size: 24rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #1DC691;
			text-align: center;
		}
		.below-userinfo{
			height: 160rpx;
			padding-left: 40rpx;
			padding-right: 42rpx;
			.row-left{
				.row-left-info{
					padding-left: 16rpx;
					height: 100rpx;
					.left-info-top{
						.userName{
							padding-left: 9rpx;
							font-size: 32rpx;
							font-family: PingFangSC-Medium, PingFang SC;
							font-weight: 500;
							
							width: 260rpx;
							white-space: nowrap; /* 防止文字换行 */  
							overflow: hidden; /* 隐藏超出容器的文本 */  
							text-overflow: ellipsis; /* 当文本超出容器宽度时显示省略号 */  
						}
					}
					.left-info-below{
						padding-top:23rpx;
						.info-below-text{
							font-size: 24rpx;
							font-family: PingFangSC-Regular, PingFang SC;
							font-weight: 400;
							color: #999999;
						}
					}
				}
			}
			.row-right{
				.right-btn-top{
					height: 38rpx;
					font-size: 28rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #FFFFFF;
					line-height: 38rpx;
				}
				.right-btn-below{
					height: 36rpx;
					font-size: 34rpx;
					font-family: PingFangSC-Semibold, PingFang SC;
					font-weight: 600;
					color: #FFFFFF;
					line-height: 36rpx;
				}
			}
		}
	}
}
.popup-content{
	width: 590rpx;
	height: 872rpx;
	border-radius: 20rpx;
	.popup-content-top{
		position: relative;
		width: 590rpx;
		height: 652rpx;
		background: linear-gradient(27deg, #D6F6FC 0%, #EAFCE1 59%, #B2FACD 100%);
		border-radius: 20rpx 20rpx 0rpx 0rpx;
		.content-top-background{
			z-index: 0;
			position:absolute;
			width: 590rpx;
			height: 215rpx;
			background: linear-gradient(180deg, #FFFFFF 0%, rgba(255,255,255,0) 100%);
			left:0;
			bottom: 0;
			transform: scaleY(-1);
		}
		.content-top-title{
			padding-top:32rpx;
			font-size: 32rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #333333;
		}
		.content-top-content{
			margin: 50rpx auto 0 auto;
			width: 451rpx;
			height: 451rpx;
			background-color: #FFFFFF;
			background-image: url("../../static/image/background-clockin.png");  
			background-size: cover; /* 或者 contain */  
			background-position: center; /* 使得图片居中 */ 
			.top-content-type{
				font-size: 44rpx;
				font-family: PingFangSC-Semibold, PingFang SC;
				font-weight: 600;
				color: #1DC691;
				text-align: left;
				padding-top:173rpx;
				padding-left: 51rpx;
			}
			.top-content-title{
				text-align: left;
				padding-top:21rpx;
				padding-left: 51rpx;
				font-size: 38rpx;
				font-family: PingFangSC-Semibold, PingFang SC;
				font-weight: 600;
				color: #333333;
			}
			.top-content-describe{
				text-align: left;
				padding-top:72rpx;
				padding-left: 51rpx;
				font-size: 28rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #999999;
			}
		}
		.top-content-remind{
			margin-top: 23rpx;
			padding-left: 50rpx;
			.content-remind-no{
				width: 30rpx;
				height: 30rpx;
				border: 2rpx solid #CCCCCC;
				border-radius: 50%;
			}
			.content-remind-text{
				padding-left: 6rpx;
				font-size: 24rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #999999;
			}
		}
	}
}
.popup-count{
	width: 590rpx;
	height: 582rpx;
	.count-content{
		height: 470rpx;
		background: #FFFFFF;
		border-radius: 20rpx;
		.content-count{
			height: 330rpx;
			padding: 70rpx 67rpx 0 57rpx;
			.count-cell{
				width: 130rpx;
				.count-cell-content{
					.count-cell-number{
						font-size: 40rpx;
						font-family:'din',DINAlternate, DINAlternate;
						font-weight: bold;
						color: #333333;
					}
					.count-cell-unit{
						padding-top: 14rpx;
						padding-left: 2rpx;
						font-size: 20rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #999999;
					}
					
				}
				.count-cell-title{
					padding-top: 10rpx;
					.cell-title-icon{
						width: 30rpx;
						height: 30rpx;
					}
					.cell-title-text{
						font-size: 24rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #999999;
					}
				}
			}
		}
		.count-btn{
			height: 140rpx;
			.btn-all{
				width: 500rpx;
				height: 100rpx;
				.btn-left{
					width: 50%;
					line-height: 100rpx;
					background: #E9FCF6;
					border-radius: 20rpx 0 0 20rpx;
					
					font-size: 34rpx;
					font-family: PingFangSC-Semibold, PingFang SC;
					font-weight: 600;
					
				}
				.btn-right{
					width: 50%;
					line-height: 100rpx;
					background: linear-gradient(270deg, #4EE5C8 0%, #1FC994 100%);
					border-radius: 0 20rpx 20rpx 0;
					font-size: 34rpx;
					font-family: PingFangSC-Semibold, PingFang SC;
					font-weight: 600;
				}
			}
		}
	}
	.popup-close{
		margin: 60rpx auto 0 auto;
		width: 52rpx;
		height: 52rpx;
	}
}